.gt-main,
.ly-main {
  background: #fff;
  margin: 10px;
  padding: 10px;
  border-radius: 5px;
  height: calc(100vh - 20px);
  overflow: auto;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.over-ellipsis,
.clamp1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.clamp2 {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制为两行 */
  -webkit-box-orient: vertical;
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 超出部分用省略号表示 */
  white-space: normal; /* 允许换行 */
}
.clamp3 {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 限制为两行 */
  -webkit-box-orient: vertical;
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 超出部分用省略号表示 */
  white-space: normal; /* 允许换行 */
}
.cls.title,
.ly-title {
  margin: 10px 0;
  padding-left: 5px !important;
  font-size: 14px;
  border-left: 5px solid $themeColor;
  font-weight: 600;
  line-height: 1;
}
// .smm-line-container path {
//   /* 定义虚线样式，值10表示实线段长度，值10表示空段长度 */
//   stroke-dasharray: 10;
//   /* 动画名称和持续时间 */
//   animation: lineMove 2s linear infinite;
// }
/* 定义动画 */
@keyframes lineMove {
  from {
    /* 动画开始时，偏移量为0，即从实线开始 */
    stroke-dashoffset: 20;
  }
  to {
    /* 动画结束时，偏移量为长度，即从虚线开始 */
    stroke-dashoffset: 0;
  }
}
.smm-hover-node {
  /* 定义虚线样式，值10表示实线段长度，值10表示空段长度 */
  stroke-dasharray: 10;
  /* 动画名称和持续时间 */
  animation: dash 2s linear infinite;
}

/* 定义动画 */
@keyframes dash {
  from {
    /* 动画开始时，偏移量为0，即从实线开始 */
    stroke-dashoffset: 0;
  }
  to {
    /* 动画结束时，偏移量为长度，即从虚线开始 */
    stroke-dashoffset: 20;
  }
}
